$(function(){
	$('#main').load('about/introduction.html');
	var cs = new Array;
	$('.category').each(function(i){
		cs[i] = $(this).height();
	})
	$('.category').not($('.category')[0]).css({height:'27px',overflow:'hidden'});
	$('.category').click(function(){
		if($(this).height() != '27')
		{
			return false;
		}
		eq = $(this).index();
		$('.category').css({height:'27px',overflow:'hidden'}).children('h1').removeClass('h1_hover');
		$(this).animate({height:cs[eq]+'px'},150).children('h1').addClass('h1_hover');
	});

	$('.category a').click(function(){
		$('#main').load($(this).attr('url'));
	});
});